<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2021/10/27
  Time: 15:47
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<!-- saved from url=(0035)https://www.douyu.com/directory/all -->
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>斗鲨直播</title>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta name="keywords" content="热门游戏直播,游戏直播,高清游戏直播,手机游戏直播,电子竞技直播">
    <meta name="description"
          content="斗鱼-每个人的直播平台提供高清、快捷、流畅的视频直播和游戏赛事直播服务，包含英雄联盟直播、穿越火线cf直播、dota2直播、美女直播等各类热门游戏赛事直播和各种名家大神游戏直播，内容丰富，推送及时，带给你不一样的视听体验，一切尽在斗鱼-每个人的直播平台">
    <meta name="renderer" content="webkit">


    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/list_cce3a5f.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/pre-style-main_31ecd969_f4a4c53.css">
    <link rel="stylesheet" type="text/css"
          href="${pageContext.request.contextPath}/js/liveJs/pre-style-common-pre_31ecd969_106a1cd.css">
    <style>
        #IMBigRCallPopUpSign input:-ms-input-placeholder {
            color: #EBB55D;
        }

        #IMBigRCallPopUpSign input::-webkit-input-placeholder {
            color: #EBB55D;
        }

        #IMBigRCallPopUpSign input::-moz-placeholder {
            color: #EBB55D;
        }

        #IMBigRCallPopUpSign input:-moz-placeholder {
            color: #EBB55D;
        }

        #IMBigRCallPopUpSignAwardIntro div {
            display: none;
            opacity: 0;
        }

        #IMBigRCallPopUpSignAwardIntro:hover div {
            display: block;
            opacity: 1;
        }

        /* 底框特效 */
        @keyframes ImEmbedBigRheadAni {
            from {
                opacity: 0;
                transform: scale(0);
            }

            to {
                opacity: 1;
                transform: scale(1);
            }
        }

        @-webkit-keyframes ImEmbedBigRheadAni {
            from {
                opacity: 0;
                transform: scale(0);
            }

            to {
                opacity: 1;
                transform: scale(1);
            }
        }

        @-moz-keyframes ImEmbedBigRheadAni {
            from {
                opacity: 0;
                transform: scale(0);
            }

            to {
                opacity: 1;
                transform: scale(1);
            }
        }

        /* 进度条动效 */
        #IMBigRCallPopUpSignProcess {
            transition: all .6s .17s cubic-bezier(0.23, 1, 0.32, 1);
            -moz-transition: all .6s .17s cubic-bezier(0.23, 1, 0.32, 1);
            -webkit-transition: all .6s .17s cubic-bezier(0.23, 1, 0.32, 1);
        }

        /* 头部图片特效 */
        @keyframes ImEmbedBigRheadImgAni {
            from {
                opacity: 0;
            }

            to {
                opacity: 1;
            }
        }

        @-webkit-keyframes ImEmbedBigRheadImgAni {
            from {
                opacity: 0;
            }

            to {
                opacity: 1;
            }
        }

        @-moz-keyframes ImEmbedBigRheadImgAni {
            from {
                opacity: 0;
            }

            to {
                opacity: 1;
            }
        }

        /* 气泡提示动画 */
        @keyframes ImEmbedHintCellAni {
            0% {
                opacity: 0;
                top: -110px;
            }

            50% {
                opacity: 1;
                top: -92px;
            }

            75% {
                opacity: 1;
                top: -100px;
            }

            100% {
                opacity: 1;
                top: -92px;
            }

        }

        @-webkit-keyframes ImEmbedHintCellAni {
            0% {
                opacity: 0;
                top: -110px;
            }

            50% {
                opacity: 1;
                top: -92px;
            }

            75% {
                opacity: 1;
                top: -100px;
            }

            100% {
                opacity: 1;
                top: -92px;
            }
        }

        @-moz-keyframes ImEmbedHintCellAni {
            0% {
                opacity: 0;
                top: -110px;
            }

            50% {
                opacity: 1;
                top: -92px;
            }

            75% {
                opacity: 1;
                top: -100px;
            }

            100% {
                opacity: 1;
                top: -92px;
            }
        }

        /* 在线人数提示动画 */
        @keyframes ImEmbedOnlineMemAni {
            0% {
                opacity: 0;
                transform: rotate(-6deg);
                /* transform-origin: top center; */
                -webkit-transform: rotate(-6deg);
            }

            50% {
                opacity: .8;
                transform: rotate(4deg);
                -webkit-transform: rotate(4deg);

            }

            70% {
                opacity: 1;
                transform: rotate(-4deg);
                -webkit-transform: rotate(-4deg);

            }

            85% {
                opacity: 1;
                transform: rotate(4deg);
                -webkit-transform: rotate(4deg);
            }

            100% {
                opacity: 1;
                transform: rotate(0);
                -webkit-transform: rotate(0);
            }

        }

        @-webkit-keyframes ImEmbedOnlineMemAni {
            0% {
                opacity: 0;
                transform: rotate(-6deg);
                /* transform-origin: top center; */
                -webkit-transform: rotate(-6deg);
            }

            50% {
                opacity: .8;
                transform: rotate(4deg);
                -webkit-transform: rotate(4deg);

            }

            70% {
                opacity: 1;
                transform: rotate(-4deg);
                -webkit-transform: rotate(-4deg);

            }

            85% {
                opacity: 1;
                transform: rotate(4deg);
                -webkit-transform: rotate(4deg);
            }

            100% {
                opacity: 1;
                transform: rotate(0);
                -webkit-transform: rotate(0);
            }
        }
    </style>
    <style type="text/css">

        .form-group {
            margin-bottom: 15px;

        }
        @media (min-width: 992px)
            .col-md-12 {
                width: 100%;
            }
            @media (min-width: 992px)
                .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
                    float: left;
                }
                .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
                    position: relative;
                    min-height: 1px;
                    padding-right: 15px;
                    padding-left: 15px;
                }
                .dropdown {
                    position: relative;
                }
                /* Hide the dropdown's content by default */
                .dropdown__content {
                    display: none;

                    /* Position it right below the trigger element */
                    left: 0;
                    paddingtop: 4px;
                    position: absolute;
                    top: 100%;

                    /* It should be on the top of other elements */
                    background-color: #fff;
                    zindex: 9999;

                    /* Size */
                    /*  height: 200px;
                      width: 200px; */
                }

                /* Show the content when hover on the container */
                .dropdown:hover .dropdown__content {
                    display: block;
                }
                .zlx{
                    width: 360px;
                    height: 430px;
                    background-color: rgb(255,255,255);
                    border: #000000 solid 1px;
                    margin-left: -230px;
                    border-radius: 0px 0px 10px 10px;
                }
                .zlx1{
                    width: 100px;
                    height: 100px;
                    background-color: #000000;
                    margin-left: 100px;
                }
                .zlx2{
                    width: 200px;
                    height: 3px;
                    margin-left: 50px;
                    background-color: rgb(255,93,35)

                }
                .layout-Slide-bannerInner {
                    display: block;
                    height: 130%;
                    background-repeat: no-repeat;
                    background-position: 50%;
                    -webkit-background-size: cover;
                    -moz-background-size: cover;
                    background-size: cover;
                }
                .payshow {
                    width: 300px;
                    height: 200px;
                    background-color: white;
                    z-index: 30;
                    position: absolute;
                    top: 200px;
                    left: 750px;
                    display: none;
                }
                .kaiboshow {
                    width: 300px;
                    height: 200px;
                    background-color: white;
                    z-index: 30;
                    position: absolute;
                    top: 200px;
                    left: 750px;
                    display: none;
                }
                .shark-webp .Shortcut-listItem:hover i.is-attention, .shark-webp .Shortcut-listItem:hover i.is-center, .shark-webp .Shortcut-listItem:hover i.is-guide, .shark-webp .Shortcut-listItem:hover i.is-live, .shark-webp .Shortcut-listItem:hover i.is-message, .shark-webp .Shortcut-listItem i.is-attention, .shark-webp .Shortcut-listItem i.is-center, .shark-webp .Shortcut-listItem i.is-guide, .shark-webp .Shortcut-listItem i.is-live, .shark-webp .Shortcut-listItem i.is-message {
                    background-image: url(https://shark2.douyucdn.cn/front-publish/live-master/assets/images/sprite.@2x.ea1e6_ca74083.webp);
                }
                .shark-webp .Shortcut-listItem:hover i.is-attention, .shark-webp .Shortcut-listItem:hover i.is-center, .shark-webp .Shortcut-listItem:hover i.is-guide, .shark-webp .Shortcut-listItem:hover i.is-live, .shark-webp .Shortcut-listItem:hover i.is-message, .shark-webp .Shortcut-listItem i.is-attention, .shark-webp .Shortcut-listItem i.is-center, .shark-webp .Shortcut-listItem i.is-guide, .shark-webp .Shortcut-listItem i.is-live, .shark-webp .Shortcut-listItem i.is-message {
                    background-image: url(https://shark2.douyucdn.cn/front-publish/live-master/assets/images/sprite.@2x.ea1e6_ca74083.webp);
                }
                .shark-webp .Shortcut-listItem:hover i.is-attention, .shark-webp .Shortcut-listItem:hover i.is-center, .shark-webp .Shortcut-listItem:hover i.is-guide, .shark-webp .Shortcut-listItem:hover i.is-live, .shark-webp .Shortcut-listItem:hover i.is-message, .shark-webp .Shortcut-listItem i.is-attention, .shark-webp .Shortcut-listItem i.is-center, .shark-webp .Shortcut-listItem i.is-guide, .shark-webp .Shortcut-listItem i.is-live, .shark-webp .Shortcut-listItem i.is-message {
                    background-image: url(https://shark2.douyucdn.cn/front-publish/live-master/assets/images/sprite.@2x.ea1e6_ca74083.webp);
                }
    </style>
</head>
<body>
<script>
    window.addEventListener("load", function() {
        try {
            if (window.localStorage.getItem("SUPPORT_WEBP")) return;
            var s = document.createElement("canvas").toDataURL("image/webp").indexOf("data:image/webp") === 0;
            window.localStorage.setItem("SUPPORT_WEBP", s)
        } catch (e) {}
    });
</script>

<section class="layout-Container">
    <header class="layout-Header" id="js-header">
        <div class="Header-wrap">
            <div class="Header">
                <div class="Header-left"><a class="Header-logo" href="${pageContext.request.contextPath}/front/dousha.jsp">
                    <svg class="Header-icon" style="width: 100px;height: 60px;position: relative;top: 10px;">
                        <image href="${pageContext.request.contextPath}/js/img/douyu_logo1.png"></image>
                    </svg></a>
                    <div class="Header-menu-wrap">
                        <ul class="Header-menu">
                            <li class="Header-menu-link ">
                                <a href="${pageContext.request.contextPath}/front/dousha.jsp"
                                >首页</a></li>
                            <li class="Header-menu-link">
                                <a href="${pageContext.request.contextPath}/LiveController/classify" >直播</a>
                            </li>

                            <li class="Header-menu-link ">
                                <a  href="${pageContext.request.contextPath}/video/skipVideo">视频</a>
                            </li>


                        </ul>
                    </div>
                </div>
                <div class="HeaderNav"></div>
                <div class="Header-right">
                    <div class="Header-search-wrap">
                        <div>
                            <div class="Search"><input class="Search-text" id="header-search-input" type="text"
                                                       data-name="小小糯米米米" data-type="1" autocomplete="off" value=""><span
                                    class="Search-link"><i class="Search-linkIcon" data-name="小小糯米米米"
                                                           data-type="2"><svg class="Header-icon">
																<use xlink:href="#search_b6568e0"></use>
															</svg></i></span><label for="header-search-input"
                                                                                    class="Search-label"></label></div>
                        </div>
                    </div>
                    <div class="Header-history-wrap">
                        <div class="DropPane History">
                            <div class="public-DropMenu  "><a class="public-DropMenu-link"
                                                              href="${pageContext.request.contextPath}/focus/history"
                            ><span><i
                                    class="DropPane-icon History-icon">
												<%--<svg class="Header-icon">
												<image href="${pageContext.request.contextPath}/js/img/1.png"></image>
											</svg>--%>
												<svg class="Header-icon" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>
											</i>历史</span></a>
                            </div>
                        </div>
                    </div>
                    <div class="Header-follow-wrap">
                        <div class="DropPane Follow">
                            <div class="public-DropMenu  "><a class="public-DropMenu-link"
                                                              href="${pageContext.request.contextPath}/focus/concern" ><span><i
                                    class="DropPane-icon Follow-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path></svg>
											</i>关注</span></a>
                                <div class="public-DropMenu-drop">
                                    <div class="public-DropMenu-drop-main">
                                        <div class="Header-follow">
                                            <div class="Header-follow-tabs">
                                                <div class="Header-follow-tab is-active ">最常访问</div>
                                                <div class="Header-follow-tab  is-gap"></div>
                                                <div class="Header-follow-tab  ">特别关注</div>
                                                <div class="Header-follow-tab  is-gap"></div>
                                                <div class="Header-follow-tab  ">视频动态</div>
                                            </div>
                                            <div class="Header-follow-content">
                                                <div class="Header-loading"><i></i><span>数据加载中</span></div>
                                            </div>
                                        </div>
                                        <div class="DropPane-ad">
                                            <div class="SignBaseComponent-sign-box null">
                                                <div class="SignBaseComponent-sign-ad" data-dysign="1021103"><a
                                                        target="_blank"
                                                        href="https://g.wan. /s/1/1259/250.html?frm=sy-gz-xt"><img
                                                        class="SignBaseComponent-sign-ad"
                                                        src="${pageContext.request.contextPath}/js/liveJs/list-item-def-thumb_07535ed.gif"></a><i
                                                        class="SignBaseComponent-sign-spec"></i></div>
                                            </div>
                                        </div>
                                    </div><i></i>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="Header-broadcast-wrap">
                        <div class="Broadcast">
                            <div class="public-DropMenu  "><a class="public-DropMenu-link"
                                                              href="javascript:void(0)"  id="kaibo"><span><i
                                    class="Broadcast-icon">
												<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><polygon points="10 8 16 12 10 16 10 8"></polygon></svg>
											</i>开播</span></a>
                                <div class="public-DropMenu-drop">
                                    <div class="public-DropMenu-drop-main">
                                        <div class="Broadcast-contentWrap">
                                            <div class="Broadcast-content">
                                                <div class="Broadcast-cellWrap">
                                                    <div class="Broadcast-cell">
                                                        <div class="Broadcast-cellItem is-icon1">我要开播</div>
                                                    </div>
                                                    <div class="Broadcast-cell">
                                                        <div class="Broadcast-cellItem is-icon2">直播学院</div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div><i></i>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="Header-login-wrap" id="login1">
                        <a class="public-DropMenu-link" href=" ${pageContext.request.contextPath}/front/login.jsp"   style="margin-top: 21px;"><span>登录</span></a>
                        <%--										<div class="dropdown">--%>
                        <%--											<div class="UserInfo public-DropMenu "><a class="UserInfo-link"--%>
                        <%--																					  href=" member/cp" target="_blank"><span--%>
                        <%--													class="UserInfo-avatar">--%>

                        <%--														<div uid="12590398" style="width: 100%;">--%>
                        <%--															<div class="Avatar is-circle"><img uid="12590398" class="Avatar-img"--%>
                        <%--																							   src="${pageContext.request.contextPath}/user/frontUserImg?userImg=${sessionScope.frontUser.userImg}" onerror="this.src='${pageContext.request.contextPath}/js/liveJs/98_avatar_middle.jpg'" alt="">--%>
                        <%--															</div>--%>
                        <%--														</div>--%>
                        <%--													</span></a>--%>

                        <%--												<!-- The trigger element -->--%>


                        <%--												<!-- The content -->--%>
                        <%--												<div class="dropdown__content">--%>

                        <%--													<div class="zlx" id="center1">--%>
                        <%--														<div class="public-DropMenu-drop-main"><i></i>--%>
                        <%--															<div class="Header-UserPane-top">--%>
                        <%--																<div class="User">--%>
                        <%--																	<div class="User-avatarWrap"><a class="User-avatar" href="/member/cp" target="_blank">--%>
                        <%--																		<div class="AvatarFrame " style="width: 70px;">--%>
                        <%--																			<div class="AvatarFrame-box"><img uid="12590398" class="AvatarFrame-img is-circle "--%>
                        <%--																											  src="${pageContext.request.contextPath}/user/frontUserImg?userImg=${sessionScope.frontUser.userImg}"--%>
                        <%--																											  alt="" style="width: 60px; height: 60px;"></div>--%>
                        <%--																		</div>--%>
                        <%--																	</a></div>--%>
                        <%--																	<div class="User-nickname"><a href="/member/cp" target="_blank" title="2607857838">2607857838</a>--%>
                        <%--																	</div>--%>
                        <%--																	<div class="Authentication"><a class="Authentication-name is-active" title="已认证"></a><a--%>
                        <%--																			class="Authentication-phone is-active" title="已绑定手机"></a><a--%>
                        <%--																			class="Authentication-email is-active" title="已绑定邮箱"></a><a--%>
                        <%--																			class="Authentication-clientSign" href="/client/pcclientsign" target="_blank"></a></div>--%>
                        <%--																</div>--%>
                        <%--																<div class="HeaderUserLevel"><a href="/member/mylevel" target="_blank" class=""><span--%>
                        <%--																		class="UserLevel UserLevel--4" title="用户等级：4"> </span>--%>
                        <%--																	<div class="HeaderUserLevel-progress">--%>
                        <%--																		<div class="HeaderUserLevel-bar"><span class="HeaderUserLevel-bar-per"--%>
                        <%--																											   style="width: 95.4%;"></span></div><span--%>
                        <%--																			class="HeaderUserLevel-bar-num">95.4%</span>--%>
                        <%--																		<div class="HeaderUserLevel-tip">--%>
                        <%--																			<p><span>还需<span class="HeaderUserLevel-tip-upExp">5</span>经验到达下一级</span></p><i></i>--%>
                        <%--																		</div>--%>
                        <%--																	</div><span class="UserLevel UserLevel--next5" title="用户等级：5"> </span>--%>
                        <%--																</a></div>--%>
                        <%--															</div>--%>

                        <%--															<div class="Wallet">--%>
                        <%--																<div class="Wallet-content">--%>
                        <%--																	<div class="Wallet-content-mywallet">--%>
                        <%--																		<h5 class="Wallet-content-mywallet-title"><a class="Wallet-content-recharge"--%>
                        <%--																													 href="/web_game/welcome/18" target="_blank">充值</a>我的钱包</h5>--%>
                        <%--																		<div class="Wallet-content-mywallet-wealth">--%>
                        <%--                                                                            <span class="Wallet-content-mywallet-wealth-sliver" title="做任务可获得豆沙"><i></i>豆沙<span>248</span></span>--%>
                        <%--																		</div>--%>
                        <%--																	</div>--%>
                        <%--																</div>--%>
                        <%--															</div>--%>

                        <%--															<div class="Shortcut">--%>
                        <%--																<ul class="Shortcut-list">--%>
                        <%--																	<li class="Shortcut-listItem" data-index="0"><a class="Shortcut-listItem-link" href="${pageContext.request.contextPath}/front/mycenter.jsp"--%>
                        <%--																													target="_blank"><i class="is-center"></i>--%>
                        <%--																		<p>个人中心</p>--%>
                        <%--																	</a></li>--%>
                        <%--																	<li class="Shortcut-listItem" data-index="1"><a class="Shortcut-listItem-link"--%>
                        <%--																													href="" target="_blank"><i class="is-attention"></i>--%>
                        <%--																		<p>我的关注</p>--%>
                        <%--																	</a></li>--%>

                        <%--																	<li class="Shortcut-listItem" data-index="3"><a class="Shortcut-listItem-link"--%>
                        <%--																													href="/special/guide/anchor" target="_blank"><i class="is-guide"></i>--%>
                        <%--																		<p>我要直播</p>--%>
                        <%--																	</a></li>--%>
                        <%--																</ul>--%>
                        <%--															</div>--%>
                        <%--															<div class="CloudGameLink"><a href="https://cloudgame.douyu.com/home" target="_blank"--%>
                        <%--																						  class="CloudGameLink-text">欢迎来到豆鲨</a></div>--%>
                        <%--															<div class="Exit" id="content2"><span class="Exit-btn" id="exit"><i></i>登出</span></div>--%>
                        <%--														</div>--%>
                        <%--													</div>--%>
                        <%--												</div>--%>
                        <%--											</div>--%>
                        <%--										</div>--%>
                    </div>
                </div>
            </div>
        </div>
    </header>

    <input type="checkbox" tabindex="-1" name="js-aside-state" id="js-aside-state"
           class="u-specialStateInput">
    <script>
        document.getElementById("js-aside-state").checked = !parseInt(localStorage.getItem("leftstate") || 1, 10)
    </script>

    <main class="layout-Main" id="listAll">

        <section class="layout-Module js-ListContent">
            <div class="layout-Module-head ListHeader--customer ">
                <h2 class="layout-Module-title ListHeader-title">收藏列表</h2>



            </div>
            <div class="layout-Module-container layout-Cover ListContent">
                <ul class="layout-Cover-list">


                </ul>
                <div class="ListFooter">
                    <ul class="dy-Pagination ListPagination" unselectable="unselectable">
                        <li title="上一页" class="dy-Pagination-disabled dy-Pagination-prev" aria-disabled="true">
                            <span class="dy-Pagination-item-custom">上一页</span></li>
                        <li title="1" class="dy-Pagination-item dy-Pagination-item-1 dy-Pagination-item-active"
                            tabindex="0"><a>1</a></li>
                        <li title="2" class="dy-Pagination-item dy-Pagination-item-2" tabindex="0"><a>2</a></li>
                        <li title="3" class="dy-Pagination-item dy-Pagination-item-3" tabindex="0"><a>3</a></li>
                        <li title="4" class="dy-Pagination-item dy-Pagination-item-4" tabindex="0"><a>4</a></li>
                        <li title="5"
                            class="dy-Pagination-item dy-Pagination-item-5 dy-Pagination-item-before-jump-next"
                            tabindex="0"><a>5</a></li>
                        <li title="向后 5 页" tabindex="0" class="dy-Pagination-jump-next"><a
                                class="dy-Pagination-item-link"></a></li>
                        <li title="126" class="dy-Pagination-item dy-Pagination-item-126" tabindex="0">
                            <a>126</a></li>
                        <li title="下一页" tabindex="0" class=" dy-Pagination-next" aria-disabled="false"><span
                                class="dy-Pagination-item-custom">下一页</span></li>
                    </ul><span class="ListFooter-btn">跳转到:<span class="ListFooter-btn-wrap"><input
                        class="ListFooter-btn-input" type="text" id="num"><span
                        class="ListFooter-btn-label" >GO</span></span></span>
                </div>
            </div>
        </section>
    </main>
</section>




</div>

<!--SHARK_PROD_SCRIPT_END-->
<!--SHARK_LOADER_CONFIG_SCRIPT-->

</svg>
<div id="js-verify-wrap"></div>
<style></style>
<script type="text/javascript" src="${pageContext.request.contextPath}/doushahoutai/js/jquery.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/doushahoutai/js/bootstrap.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/doushahoutai/js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/doushahoutai/js/main.min.js"></script>
<div class="payshow">
    <label style="font-size: 25px;position: absolute;left: 90px;">充值界面</label>
    <div style="position: relative;top: 70px;left: 40px;">
        <label for="money" >充值金额:</label><input type="number" id="money">
    </div>
    <button id="recharge" style="position: relative;top: 100px;left: 60px;color: white;background-color: #ff5d23;border-radius: 15px;width: 55px;height: 30px;">
        充值</button>
    <button id="cancel" style="position: relative;top: 100px;left: 130px;color: white;background-color: #ff5d23;border-radius: 15px;width: 55px;height: 30px;">
        取消</button>
</div>
<div class="kaiboshow">
    <label style="font-size: 25px;position: absolute;left: 80px;top: 20px;">是否成为主播?</label>
    <label style="font-size: 18px;position: absolute;left: 90px;top: 60px;">或者已经是主播</label>
    <div class="form-group col-md-12" style="position: relative;top: 100px;left: 60px;">
        <label for="typeId1">房间分类</label>
        <div id="typeIdDiv1" style="width: 142.16px;z-index: 60">
            <input type="text" class="form-control" id="typeId1" name="typeId" value="" placeholder="关键词">
            <div id="typeList1" style="position: fixed; width: 142.16px; height: 38px;background-color: white;z-index: 30;border: 1px solid;border-top: none;display: none;">
                <ul id="typeListlu1" style="list-style: none;margin: 0;padding-left: 10px;line-height: 38px;">

                </ul>
            </div>
            <input type="hidden" id="typeIdVal1" >
        </div>
    </div>
    <input type="file" name="upload" id="upload1" style="display: none;" />
    <input type="hidden" id="img">
    <button id="queren" style="position: absolute;top: 160px;left: 60px;color: white;background-color: #ff5d23;border-radius: 15px;width: 55px;height: 30px;">
        确认</button>
    <button id="quxiao" style="position: absolute;top: 160px;left: 180px;color: white;background-color: #ff5d23;border-radius: 15px;width: 55px;height: 30px;">
        取消</button>
</div>

<script>
    var max = 5;
    var min = 1;
    var userID= '${sessionScope.frontUser.userId}';
    var userName = '${sessionScope.frontUser.userName}';
    getConcernPage();
    $(".ListFooter-btn-label").click(function () {
        getConcernPage($("#num").val());
    })
    function getConcernPage(pageNo,pageSize){
        //alert(userID)
        $.get("${pageContext.request.contextPath}/favorite/queryFavoriteByUserIdAndVideoId",{
            userId:userID,
            pageNo:pageNo,
            pageSize:pageSize
        },function (rs) {
            var cont="";
            $.each(rs.list,function (index,concern) {
                //console.log(concern.videoId)
                if (concern.videoId==null){
                    cont+="<li class=\"layout-Cover-item\">\n" +
                        "                        <div class=\"DyListCover HeaderCell is-href\" type=\"1\" subdata=\"[object Object]\"\n" +
                        "                             delay=\"100\" did=\"599ee190abe91e11fdd848d000061601\" uid=\"12590398\"><a\n" +
                        "                                href=\"${pageContext.request.contextPath}/LiveController/livePage/"+concern.roomId.roomId+"\" target=\"_blank\" class=\"DyListCover-wrap\">\n" +
                        "                            <div class=\"DyListCover-imgWrap\">\n" +
                        "                                <div class=\"LazyLoad is-visible DyImg DyListCover-pic\">\n" +
                        "                                    <picture loading=\"lazy\" class=\"DyImg-content is-normal \">\n" +
                        "                                        <img loading=\"lazy\"\n" +
                        "                                                                       src=\"${pageContext.request.contextPath}/video/playVideos?videoPath="+concern.roomId.roomImg+"\"\n" +
                        "                                                                       class=\"DyImg-content is-normal \">\n" +
                        "                                    </picture>\n" +
                        "                                </div>\n" +
                        "                                <div class=\"DyListCover-superscript\">\n" +
                        "                                    <span class=\"HeaderCell-corner is-corner0\"></span>\n" +
                        "                                    <span class=\"HeaderCell-corner is-corner2\"></span>\n" +
                        "                                    <span class=\"HeaderCell-corner is-corner3\"></span>\n" +
                        "                                </div>\n" +
                        "                            </div>\n" +
                        "                            <div class=\"DyListCover-content\">\n" +
                        "                                <div class=\"DyListCover-info\"><span class=\"DyListCover-zone\">"+concern.roomId.typeId.typeName+"</span>\n" +
                        "                                    <h3 class=\"DyListCover-intro\" title=\""+concern.roomId.roomName+"\">\n" +
                        "                                        "+concern.roomId.roomName+"</h3>\n" +
                        "                                </div>\n" +
                        "                                <div class=\"DyListCover-info\">\n" +
                        "                                    <h2 class=\"DyListCover-user\">\n" +
                        "                                        <div class=\"DyListCover-userName\">"+concern.roomId.userId.userName+"</div>\n" +
                        "                                    </h2>\n" +
                        "                                </div>\n" +
                        "                            </div>\n" +
                        "                        </a></div>\n" +
                        "                    </li>";
                }else{
                    cont+="<li class=\"layout-Cover-item\">\n" +
                        "                        <div class=\"DyListCover HeaderCell is-href\" type=\"1\" subdata=\"[object Object]\"\n" +
                        "                             delay=\"100\" did=\"599ee190abe91e11fdd848d000061601\" uid=\"12590398\"><a\n" +
                        "                                href=\"${pageContext.request.contextPath}/video/playVideo?videoName="+concern.videoId.videoName+"&videoPath="+concern.videoId.videoPath+"&videoId="+concern.videoId.videoId+"\" target=\"_blank\" class=\"DyListCover-wrap\">\n" +
                        "                            <div class=\"DyListCover-imgWrap\">\n" +
                        "                                <div class=\"LazyLoad is-visible DyImg DyListCover-pic\">\n" +
                        "                                    <picture loading=\"lazy\" class=\"DyImg-content is-normal \">\n" +
                        "                                        <img loading=\"lazy\"\n" +
                        "                                                                       src=\"${pageContext.request.contextPath}/video/playVideos?videoPath="+concern.videoId.videoImg+"\"\n" +
                        "                                                                       class=\"DyImg-content is-normal \">\n" +
                        "                                    </picture>\n" +
                        "                                </div>\n" +
                        "                                <div class=\"DyListCover-superscript\">\n" +
                        "                                    <span class=\"HeaderCell-corner is-corner0\"></span>\n" +
                        "                                    <span class=\"HeaderCell-corner is-corner2\"></span>\n" +
                        "                                    <span class=\"HeaderCell-corner is-corner3\"></span>\n" +
                        "                                </div>\n" +
                        "                            </div>\n" +
                        "                            <div class=\"DyListCover-content\">\n" +
                        "                                <div class=\"DyListCover-info\"><span class=\"DyListCover-zone\">"+concern.videoId.typeId.typeName+"</span>\n" +
                        "                                    <h3 class=\"DyListCover-intro\" title=\""+concern.videoId.videoName+"\">\n" +
                        "                                        "+concern.videoId.videoName+"</h3>\n" +
                        "                                </div>\n" +
                        "                                <div class=\"DyListCover-info\">\n" +
                        "                                    <h2 class=\"DyListCover-user\">\n" +
                        "                                        <div class=\"DyListCover-userName\">豆沙</div>\n" +
                        "                                    </h2>\n" +
                        "                                </div>\n" +
                        "                            </div>\n" +
                        "                        </a></div>\n" +
                        "                    </li>";
                }

            })
            if (rs.pageNum > max&&rs.pageNum <=rs.pages){
                min=min+max;
                max=max+5;
                if (max > rs.pages){
                    max = rs.pages;
                }
                getGiftRecord(rs.pageNum);
            }
            //alert(rs.pageNum < min)
            if (rs.pageNum < min&&rs.pageNum >= 1){
                max=min-1;
                min=min-5;
                getGiftRecord(rs.pageNum);
            }
            var pageCont="";
            if (rs.isFirstPage){
                pageCont+="<li class=\"dy-Pagination-disabled dy-Pagination-prev\"><span class=\"dy-Pagination-item-custom\">首页</span></li>"
            }else{
                pageCont+="<li class='dy-Pagination-prev'><a href=\"#!\" onclick='getRoom("+1+")'><span class=\"dy-Pagination-item-custom\">首页</span></a></li>"
            }
            if (!rs.hasPreviousPage){
                pageCont+="<li title=\"上一页\" class=\"dy-Pagination-disabled dy-Pagination-prev\" aria-disabled=\"true\">\n" +
                    "                            <span class=\"dy-Pagination-item-custom\">上一页</span></li>"
            }else{
                pageCont+="<li title=\"上一页\" class=\"dy-Pagination-prev\" aria-disabled=\"true\">"+
                    "<span class=\"dy-Pagination-item-custom\">上一页</span></li>"
            }
            for (let i = 1; i <= rs.pages; i++) {
                if (i==rs.pageNum){
                    pageCont+='<li title="'+i+'" class="dy-Pagination-item dy-Pagination-item-1 dy-Pagination-item-active" tabindex="0"><a>'+i+'</a></li>'
                }else{
                    pageCont+='<li title="'+i+'" class="dy-Pagination-item dy-Pagination-item-1 " tabindex="0"><a>'+i+'</a></li>'
                }
            }
            if (max < rs.pages){
                pageCont+="<li title=\"'+i+'\" class=\"dy-Pagination-item dy-Pagination-item-1 \" tabindex=\"0\"><a href=\"#!\" onclick='getGiftRecord("+(max+1)+")'>...</a></li>"
            }
            if (!rs.hasNextPage){
                pageCont+='<li title="下一页" tabindex="0" class="dy-Pagination-disabled dy-Pagination-next" aria-disabled="false"><span\n' +
                    '                                class="dy-Pagination-item-custom">下一页</span></li>'
            }else{
                pageCont+='<li title="下一页" tabindex="0" class=" dy-Pagination-next" aria-disabled="false"><span\n' +
                    '                                class="dy-Pagination-item-custom">下一页</span></li>'
            }
            if (rs.isLastPage){
                pageCont+="<li class=\"dy-Pagination-disabled dy-Pagination-prev\"><span class=\"dy-Pagination-item-custom\">末页</span></li>"
            }else{
                pageCont+="<li class=\" dy-Pagination-next\" ><a href=\"#!\" onclick='getRoom("+rs.pages+")'><span class=\"dy-Pagination-item-custom\">末页</span></a></li>"
            }

            $(".ListPagination").html(pageCont);
            $(".layout-Cover-list").html(cont);
        })
    }
    if("${sessionScope.frontUser.userId}"!=""){

        <%--alert("${sessionScope.frontUser}");--%>
        $.get("${pageContext.request.contextPath}/user/checkNameById",{
            userId:"${sessionScope.frontUser.userId}"
        },function (user) {
            var rs="<div class=\"dropdown\">\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"UserInfo public-DropMenu \"><a class=\"UserInfo-link\"\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t  href=\" member/cp\" target=\"_blank\"><span\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"UserInfo-avatar\">\n" +
                "\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div uid=\"12590398\" style=\"width: 100%;\">\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"Avatar is-circle\"><img uid=\"12590398\" class=\"Avatar-img\"\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t   src=\"${pageContext.request.contextPath}/user/frontUserImg?userImg=${sessionScope.frontUser.userImg}\" onerror=\"this.src='${pageContext.request.contextPath}/js/liveJs/98_avatar_middle.jpg'\" alt=\"\">\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span></a>\n" +
                "\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<!-- The trigger element -->\n" +
                "\n" +
                "\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<!-- The content -->\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"dropdown__content\">\n" +
                "\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"zlx\" id=\"center1\">" +
                "<div class=\"public-DropMenu-drop-main\"><i></i>\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"Header-UserPane-top\">\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"User\">\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"User-avatarWrap\"><a class=\"User-avatar\" href=\"/member/cp\" target=\"_blank\">\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"AvatarFrame \" style=\"width: 70px;\">\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"AvatarFrame-box\"><img uid=\"12590398\" class=\"AvatarFrame-img is-circle \"\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t  src=\"${pageContext.request.contextPath}/user/frontUserImg?userImg=${sessionScope.frontUser.userImg}\" onerror=\"this.src='${pageContext.request.contextPath}/js/liveJs/98_avatar_middle.jpg'\"\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t  alt=\"\" style=\"width: 60px; height: 60px;\"></div>\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</a></div>\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"User-nickname\"><a href=\"/member/cp\" target=\"_blank\" title=\"\">"+user.userName+"</a>\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"Authentication\"><a class=\"Authentication-name is-active\" title=\"已认证\"></a><a\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"Authentication-phone is-active\" title=\"已绑定手机\"></a><a\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"Authentication-email is-active\" title=\"已绑定邮箱\"></a></div>\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"Wallet\">\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"Wallet-content\">\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"Wallet-content-mywallet\">\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h5 class=\"Wallet-content-mywallet-title\"><a id=\"payfor\" class=\"Wallet-content-recharge\"\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t href=\"javascript:void(0)\" >充值</a>我的钱包</h5>\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"Wallet-content-mywallet-wealth\">\n" +
                "                                                                            <span class=\"Wallet-content-mywallet-wealth-sliver\" title=\"做任务可获得豆沙\"><i></i>豆沙<span>"+user.userPrice+"</span></span>\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n" +
                "\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"Shortcut\">\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ul class=\"Shortcut-list\">\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"Shortcut-listItem\" data-index=\"0\"><a class=\"Shortcut-listItem-link\" href=\"${pageContext.request.contextPath}/front/mycenter.jsp\"\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttarget=\"_blank\"><i class=\"is-center\"></i>\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p>个人中心</p>\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</a></li>\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"Shortcut-listItem\" data-index=\"1\"><a class=\"Shortcut-listItem-link\"\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thref=\"\" target=\"_blank\"><i class=\"is-attention\"></i>\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p>我的关注</p>\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</a></li>\n" +
                "\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"Shortcut-listItem\" data-index=\"3\"><a class=\"Shortcut-listItem-link\"\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thref=\"/special/guide/anchor\" target=\"_blank\"><i class=\"is-guide\"></i>\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p>我要直播</p>\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</a></li>\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</ul>\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"CloudGameLink\"><a href=\"https://cloudgame.douyu.com/home\" target=\"_blank\"\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t  class=\"CloudGameLink-text\">欢迎来到豆鲨</a></div>\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"Exit\"><span class=\"Exit-btn\" id=\"exit\"><i></i>登出</span></div>\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>";
            $("#login1").html(rs);
            //退出登录
            $(document).on("click","#exit",function () {

                $.ajax({
                    async:true,
                    type:"GET",
                    url:"${pageContext.request.contextPath}/user/exit",

                    success:function(data){
                        var content="";
                        content = "<a class=\"public-DropMenu-link\" href=\" ${pageContext.request.contextPath}/front/login.jsp\" style=\"margin-top: 21px;\"><span>登录</span></a>";
                        //填充到指定的标签中
                        $("#login1").html(content);


                    }
                });
            });

        });

    }
    //充值
    $(document).on("click","#payfor",function() {
        $(".payshow").css("display","block")
        /*$.get("${pageContext.request.contextPath}/user/Pay",{
						userId:"${sessionScope.frontUser.userId}"
					},function (rs) {

					})*/
    })

    $("#recharge").click(function () {
        $(".payshow").css("display","none")
        //${pageContext.request.contextPath}/AliPayController/aliPay/500/dousha
        if ($("#money").val()!=""&&$("#money").val()!=null){
            $.get("${pageContext.request.contextPath}/user/Pay",{
                userId:"${sessionScope.frontUser.userId}",
                price:$("#money").val()
            },function (rs) {

            })
            window.location.href="${pageContext.request.contextPath}/AliPayController/aliPay/"+$("#money").val()+"/dousha";
        }else{
            console.log("请输入正确的金额!")
        }

    })
    $("#cancel").click(function () {
        $(".payshow").css("display","none")
    })
    $("#kaibo").click(function () {
        $(".kaiboshow").css("display","block");
    })

    $("#quxiao").click(function () {
        $(".kaiboshow").css("display","none");
    })

    $("#queren").click(function () {

        $.getJSON("${pageContext.request.contextPath}/LiveController/getRoomToUserId"
            ,{
                userId:userID
            },function (rs) {
                console.log(rs)
                if (rs.roomId!=""&&rs.roomId!=null){
                    window.location.href="${pageContext.request.contextPath}/LiveController/live/"+rs.roomId;
                }else{
                    alert("请上传直播间封面!")
                    $('#upload1').click();


                }
            })
        $(".kaiboshow").css("display","none");
    })
    $(document).on('input','#upload1', function(){
        //alert(11)
        // 创建formdata对象
        var formData = new FormData();
        // 给formData对象添加<input>标签,注意与input标签的ID一致
        formData.append('file', $('#upload1')[0].files[0]);
        $.ajax({
            url : '${pageContext.request.contextPath}/LiveController/upload',//这里写你的url
            type : 'POST',
            data : formData,
            contentType: false,// 当有文件要上传时，此项是必须的，否则后台无法识别文件流的起始位置
            processData: false,// 是否序列化data属性，默认true(注意：false时type必须是post)
            dataType: 'json',//这里是返回类型，一般是一般是json,text等
            clearForm: true,//提交后是否清空表单数据
            success: function(result) {   //提交成功后自动执行的处理函数，参数data就是服务器返回的数据。
                if (result.img!=null){
                    $("#img").val(result.img);
                    $.getJSON("${pageContext.request.contextPath}/user/setLevelTwo"
                        ,{
                            userId:userID,
                        },function (rs) {
                            if (rs){
                                $.getJSON("${pageContext.request.contextPath}/LiveController/kbRoom",{
                                    userId:userID,
                                    roomImg:$("#img").val(),
                                    typeId:$("#typeIdVal1").val()
                                },function (rs) {
                                    if (rs){
                                        $.getJSON("${pageContext.request.contextPath}/LiveController/getRoomToUserId"
                                            ,{
                                                userId:userID,
                                            },function (rs) {
                                                //console.log(rs)
                                                if (rs.roomId!=""&&rs.roomId!=null){
                                                    window.location.href="${pageContext.request.contextPath}/LiveController/live/"+rs.roomId;
                                                }
                                            })
                                    }
                                })
                            }else{
                                alert("注册主播失败!")
                            }
                        })


                }else{
                    $("#img").val("1.jpg");
                }
            }
        })

    });
    $("#typeId1").keyup(function () {

        $.get("${pageContext.request.contextPath}/LiveController/getType",{typeName:$("#typeId1").val()}
            ,function (rs) {
                var cont= "";
                var h =0;
                $.each(rs.list,function (index,type) {
                    cont+="<a><li id='"+type.typeId+"'>"+type.typeName+"</li></a>";
                    h+=38;
                });
                $("#typeListlu1").html(cont);

                $("#typeList1").css("height",h+"px");
                $("#typeIdDiv1").css("height",(h+38)+"px");
                $("#typeList1").css("display","block");

            })
    });
    $(document).on("click","#typeListlu1 li",function () {
        $("#typeId1").val($(this).html());
        $("#typeIdVal1").val($(this).attr("id"));
        $("#typeIdDiv1").css("height","38px");
        $("#typeList1").css("height","0px");
        $("#typeList1").css("display","none");

    })
    $("#typeIdDiv1").hover(function () {

    },function () {
        $("#typeIdVal1").val($("#typeListlu1 li").attr("id"));
        $("#typeIdDiv1").css("height","38px");
        $("#typeList1").css("height","0px");
        $("#typeList1").css("display","none");
    })
</script>
</body>
</html>

